var filaSeleccionada = -1;
var divPaginacion="#pagerVehiculos";
var vehiculosArrayJSON = [];
var anchoTabla = 900;

function fnInicializarTabla(divGrilla){
    $(divGrilla).jqGrid({
        datatype: 'local',
        data:vehiculosArrayJSON,
        mtype: 'GET',
        width:anchoTabla,
        height:400,
        hidegrid:false,
        colNames:['#','Numero Placa','Marca','Modelo','Color','Combustible','A\u00f1o'],
        colModel :[
          {name:'id', index:'id',width:40,align:'center',hidden:true},    
          {name:'numeroPlaca',index:'numeroPlaca',width:150,align:'center',sortable:true,search:true},
          {name:'marcaVehiculo', index:'marcaVehiculo',align:'center',sortable:true},
          {name:'modelo', index:'modelo',align:'center',sortable:true,search:true},
          {name:'color', index:'color',align:'center',sortable:true},
          {name:'combustible', index:'combustible',align:'center',sortable:true},
          {name:'anio', index:'anio',align:'center',sortable:true}
        ],
        pager: divPaginacion,
        rowNum:20,
        rowList:[10,20,30],
        sortname: 'numeroPlaca',
        sortorder: 'asc',
        viewrecords: true,
        rownumbers:true,
        caption: 'Lista de Vehiculos'
    });

    $(divGrilla).jqGrid('navGrid',divPaginacion,{search:false,edit:false,add:false,del:false,searchtext:"B&uacute;squeda"});

    $(divGrilla).jqGrid('setGridParam',
        { onSelectRow: function(id){ filaSeleccionada = id;} } 
    );
}

function fnNuevoVehiculo(){
	location.href= contextPath + "/Vehiculos/nuevo_vehiculo";
}

function fnEditarVehiculo(){
	if(filaSeleccionada!=-1){
		location.href= contextPath + "/Vehiculos/editar_vehiculo?idVehiculo="+filaSeleccionada;
	}else{
		jAlert('Seleccione un veh\u00edculo para editar',TITULO_MENSAJE);
	}		
}

function fnBuscar(){
	$("#formBusqueda").submit();
}